<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css">
    <link rel="stylesheet" href="./css/personalPassword.css">
</head>

<body>
    <!-- 网页头部logo区域 -->
    <div class="warp">
        <div class="content">
            <div class="logo">
                <a href="" title="360个人中心"></a>
            </div>
            <div class="nav-login">
                <div class="shop-6360">
                    <a href="" title="360购物" target="_blank">
                        <img src="./images/personalData02.gif" alt="">
                    </a>
                </div>
                <ul>
                    <li>
                        <a href="" title="设置用户名" class="lnk">未设置用户名</a>&nbsp;&nbsp;&nbsp;
                        <a href="" title="退出个人中心" class="lnk sign-out">退出</a>
                    </li>
                    <li class="divider">|</li>
                    <li>
                        <a href="./index.html" title="360安全中心" target="_blank">360首页&gt;&gt;</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 导航栏 -->
    <div class="warp uc-nav">
        <div class="content nav">
            <ul class="mainnav">
                <li><a href="./personalData.html">首页</a></li>
                <li><a href="">帐号安全</a></li>
                <li><a href="">帐号信息</a></li>
                <li><a href="">帮助中心</a></li>
                <li><a href="">我的订单</a></li>
            </ul>
        </div>
    </div>
    <!-- 内容区域 -->
    <div class="warp clearfix">
        <div class="content">
            <div id="bd">
                <div class="aside fl">
                    <div class="aside-menu">
                        <ul>
                            <li>
                                <a href="">
                                    <i></i>
                                    修改密码
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <i></i>
                                    绑定手机
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <i></i>
                                    登陆邮箱
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <i></i>
                                    账号卫士
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <i></i>
                                    账号服务
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <i></i>
                                    登陆记录
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <i></i>
                                    敏感操作
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="article fr">
                    <div class="art-mod">
                        <h2>登陆密码</h2>
                        <div class="art-bd password">
                            <!-- 定期修改密码有助于提高帐号安全
                            <a href="" class="lnk">立即修改</a> -->
                                <table class="table table-striped userData">
                                    <tr class="password">
                                        <td>密码：</td>
                                        <td>**</td>
                                    </tr>
                                </table>
                                <button class="btn btn-success update">修改</button>
                        </div>
                    </div>
                    <div class="art-mod">
                        <h2>密保工具</h2>
                        <div class="art-bd">
                            <p class="clearfix">
                                <strong>绑定手机:</strong>152****9895
                                <span>
                                    <a href="" class="lnk">修改</a> |
                                    <span>解绑</span>
                                    <span class="tips-2">
                                        解绑前请先<a href="" class="lnk">设置登陆邮箱</a>
                                    </span>
                                </span>
                            </p>
                            <p>
                                <strong>登陆邮箱:</strong>
                                <em class="orange">未设置</em>
                                设置后可通过其找回密码
                                <span><a href="" class="lnk">立即设置</a></span>
                            </p>
                        </div>
                    </div>
                    <div class="art-mod">
                        <h2>账号卫士</h2>
                        <div class="art-bd">
                                <em class="orange">未绑定</em>，绑定后可一站式管理帐号安全和快速登录360产品
                                <a href="" class="lnk">立即绑定</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 网页底部 -->
    <div class="warp">
        <div class="content" id="ft">
            <p>Copyright©2005-<span id="currentYear">2022</span> 360.CN All Rights Reserved 360安全中心</p>
            <p>隐私权政策 <a target="_blank"
                    href="http://www.beian.gov.cn/?sb_param=e6c1df953d5f9dfc511395a5aceb79fb">京ICP证080047号</a></p>
            <p><a style="color:#999;"
                    href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002000006&amp;sb_param=f3a7e9faccec8982f9a9259322fb385b"
                    target="_blank"><img class="wangan" src="https://p.ssl.qhimg.com/t018b891a688f560525.png">京公网安备
                    11000002000006号</a></p>
        </div>
    </div>
</body>
    <script src="../node_modules/jquery/dist/jquery.js"></script>
    <script src="../node_modules/layui-layer/dist/layer.js"></script>
    <script src="./js/utils.js"></script>
    <script src="./js/personalPassword.js"></script>
</html>